<?php $bodyClass = "channel-page" ; ?>
<?php require("../frame/frame_head_echo.php"); ?>

<div class="container banner ppt-12 br-4">
	<a href="#">
		<img src="../images/page_images/discover_banner_bg.jpg" alt="banner" />
	</a>
</div>

<nav class="container channel-nav ppt-12 br-4">
	<ul>
		<li class="active"><a href="#">全部</a></li>
		<li><a href="#">音乐</a></li>
		<li><a href="#">非音乐</a></li>
		<li><a href="#">3D听觉</a></li>
		<li><a href="#">电台</a></li>
		<li><a href="#">品牌</a></li>
	</ul>

	<ul>
		<li class="active"><a href="#">全部</a></li>
		<li><a href="#">风格</a></li>
		<li><a href="#">影视</a></li>
		<li><a href="#">二次元</a></li>
		<li><a href="#">场景</a></li>
		<li><a href="#">情绪</a></li>
		<li><a href="#">技能</a></li>
		<li><a href="#">自然</a></li>
		<li><a href="#">学术</a></li>
		<li><a href="#">娱乐</a></li>
		<li><a href="#">儿童</a></li>
		<li><a href="#">专题</a></li>
	</ul>
</nav>

<div class="container">
	<ul class="channel-list cf">
		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_3.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_4.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_5.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_6.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_7.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_3.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_4.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_5.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_6.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>

		<li>
			<div class="channel-cover-wp">
				<img src="../images/page_images/channel_7.jpg" alt="channel" />
				<div class="mask"></div>
				<h3>频道名称</h3>
				<a href="#"></a>
			</div>
		</li>
	</ul>
</div>

<?php require("../frame/frame_foot.php"); ?>